html,body{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
ul,ol{
  margin: 0;
  padding: 0;
  list-style: none;
}

h4{
  margin: 0;
}

.lt_container{
  min-width:320px;
  max-width:640px;
  width: 100%;
  height: 100%;
  margin:0 auto;
  position: relative;
  padding-top:45px;
  padding-bottom:55px;
  
}

.lt_header{
  height: 45px;
  width: 100%;
  background-color: #006699;
  position: absolute;
  top:0;
  left:0;
  padding:0 45px 0;
  .icon_left,
  .icon_right{
    width: 45px;
    height: 45px;
    position: absolute;
    top:0;
    color: #fff;
    text-align: center;
    line-height:45px;
  }
  .icon_left{
    left:0;
  }
  .icon_right{
    right:0;
  }
  h4{
    color:#fff;
    font-weight:400;
    text-align: center;
    line-height:45px;
  }
}

.lt_footer{
  height: 55px;
  width: 100%;
  background-color: #006699;
  position: absolute;
  bottom: 0;
  left:0; 
    li{
      float:left;
      width: 25%;
      text-align: center;
      padding-top:8px;
      &.now{
        a{
          color:gold;
          p{
            color:gold;
          }
        }
      }
      a{
        display: block;
        color: #fff;
        p{
          color: #fff;
          font-size: 12px;
        }
      }
    }
}

.lt_main{
  width: 100%;
  height: 100%;
  position: relative;
}


